import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

//vant 配置文件

import Components from 'unplugin-vue-components/vite'
import { VantResolver } from 'unplugin-vue-components/resolvers'

// 移动端适配
import postCssPxToRem from 'postcss-pxtorem' 

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vue(),
        Components({
            resolvers: [VantResolver()],
        }),
    ],
    resolve: {
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url)),
        },
    },
    css: {
        // 此代码为适配移动端px2rem
        postcss: {
          plugins: [
             postCssPxToRem({
               rootValue: 37.5, // 1rem的大小
               propList: ['*'], // 需要转换的属性，这里选择全部都进行转换
             }),
          ],
        },
     },
   
})
